/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */

/* Base styles */
.column { float: left; }

@media screen and (max-width: 300px) {
.column { float: none; position: relative; clear: both; }
}
.size-1of5 { width: 20%; }
.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }
#fh5co-board[data-columns]::before { content: '5 .column.size-1of5'; }

/* Configurate salvattore with media queries */
@media screen and (max-width: 300px) {
#fh5co-board[data-columns]::before { content: '1 .column'; }
}

@media screen and (min-width: 301px) and (max-width: 700px) {
#fh5co-board[data-columns]::before { content: '2 .column.size-1of2'; }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
#fh5co-board[data-columns]::before { content: '3 .column.size-1of3'; }
}

@media screen and (min-width: 851px) {
#fh5co-board[data-columns]::before { content: '5 .column.size-1of5'; }
}



#fh5co-main { padding-top: 5em; }
#fh5co-board .item { margin: 10px 10px 20px 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1), -5px 0 10px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1); }
#fh5co-board .item a { display: block; }
#fh5co-board .item .fh5co-desc { padding: 20px; float: left; line-height: 24px; }
#fh5co-board .item .fh5co-item-title { font-family: "Montserrat", arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0; padding: 0; }
#fh5co-board .item img { max-width: 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
#fh5co-board .item .fh5co-board-img { border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; }
#fh5co-board .item .image-popup:hover img { opacity: .5; }
.js .animate-box { opacity: 0; }
pre { background: #e9e9e9; border: 1px solid #ccc; }